<template>
  <div class="header">城市选择
    <router-link to="/"> <!-- 点击返回到根路径,
    默认自带a标签，所以是灰色的。增加一个color: #fff-->
    <div class="iconfont heade-back">&#xe624;</div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'CityHeader',
  data () {
    return {
    }
  },

  components: {},

  computed: {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
  @import "~styles/varibles.styl"
    .header
      position: relative
      overflow: hidden
      height: $HeaderHeight
      text-align: center
      font-size: .32rem
      line-height:$HeaderHeight /* 设置行高，内部元素居中 */
      background:$bgcolor
      color:#fff
      .heade-back
        position: absolute
        top: 0
        left: 0
        width: .64rem
        text-align: center
        font-size: .4rem
        color: #fff /* 设置router-link的颜色为白色*/
</style>
